<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('订单详情')"/>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>订单号：
                        <small class="m-l-sm" th:text="${orderDetail.omsOrder.orderSn}"/>
                    </h5>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            下单时间：<span
                                th:text="${#dates.format(orderDetail.omsOrder.createTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                        </div>
                        <div class="col-sm-6" th:switch="${orderDetail.omsOrder.status}">
                            状态：<span th:case="'0'">
                                                            待付款
                                                        </span>
                            <span th:case="'1'">
                                                            待发货
                                                        </span>
                            <span th:case="'2'">
                                                            已发货
                                                        </span>
                            <span th:case="'3'">
                                                            已完成
                                                        </span>
                            <span th:case="'4'">
                                                            已关闭
                                                        </span>
                            <span th:case="'5'">
                                                            无效订单
                                                        </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">概况信息</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">商品信息</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">物流信息</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">售后信息</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <!-- 概况信息-->
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <!-- 基本信息-->
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-title">
                                            <h5>基本信息</h5>
                                            <div class="ibox-tools">
                                            </div>
                                        </div>
                                        <div class="ibox-content">
                                            <table class="table table-bordered">
                                                <thead>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td class="info"><strong>订单编号:</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.orderSn}"></td>
                                                    <td><strong>下单时间:</strong></td>
                                                    <td th:text="${#dates.format(orderDetail.omsOrder.createTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                                </tr>
                                                <tr>
                                                    <td><strong>订单状态</strong></td>
                                                    <!--订单状态：0->待付款；1->待发货；2->已发货；3->已完成；4->已关闭；5->无效订单-->
                                                    <!--<td th:text="${orderDetail.omsOrder.status}"></td>-->
                                                    <td th:switch="${orderDetail.omsOrder.status}">
                                                        <span th:case="'0'">
                                                            待付款
                                                        </span>
                                                        <span th:case="'1'">
                                                            待发货
                                                        </span>
                                                        <span th:case="'2'">
                                                            已发货
                                                        </span>
                                                        <span th:case="'3'">
                                                            已完成
                                                        </span>
                                                        <span th:case="'4'">
                                                            已关闭
                                                        </span>
                                                        <span th:case="'5'">
                                                            无效订单
                                                        </span>
                                                    </td>
                                                    <td><strong>支付方式</strong></td>
                                                    <td th:switch="${orderDetail.omsOrder.payType}">
                                                        <span th:case="'0'">
                                                            未支付
                                                        </span>
                                                        <span th:case="'1'">
                                                            微信
                                                        </span>
                                                        <span th:case="'2'">
                                                            支付宝
                                                        </span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><strong>商品总额</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.totalAmount}"></td>
                                                    <td><strong>支付金额</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.payAmount}"></td>
                                                </tr>
                                                <tr>
                                                    <td><strong>优惠抵扣</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.couponAmount}"></td>
                                                    <td><strong>运费</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.freightAmount}"></td>
                                                </tr>
                                                <tr>
                                                    <td><strong>支付时间</strong></td>
                                                    <td th:text="${#dates.format(orderDetail.omsOrder.paymentTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                                    <td><strong>发货时间</strong></td>
                                                    <td th:text="${#dates.format(orderDetail.omsOrder.deliveryTime,'yyyy-MM-dd HH:mm:ss')}"></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 用户信息-->
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-title">
                                            <h5>用户信息</h5>
                                            <div class="ibox-tools">
                                            </div>
                                        </div>
                                        <div class="ibox-content">
                                            <table class="table table-bordered">
                                                <thead>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td class="info"><strong>用户账号:</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.memberId}"></td>
                                                    <td><strong>用户姓名:</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.memberUsername}"></td>
                                                </tr>
                                                <tr>
                                                    <td><strong>收货人姓名</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.receiverName}"></td>
                                                    <td><strong>收货人电话</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.receiverPhone}"></td>
                                                </tr>
                                                <tr>
                                                    <td><strong>收货地址</strong></td>
                                                    <td th:text="${orderDetail.omsOrder.receiverDetailAddress}"></td>
                                                    <td><strong></strong></td>
                                                    <td></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 商品信息-->
                    <div id="tab-2" class="tab-pane">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-title">
                                            <h5>商品列表</h5>
                                            <div class="ibox-tools">
                                                <strong>商品数量：</strong><span
                                                    th:text="${orderDetail.omsOrder.totalNum}"></span>个
                                                <strong>总金额：</strong> ¥ <span
                                                    th:text="${orderDetail.omsOrder.totalAmount}"></span>
                                                <strong>运费：</strong> ¥ <span
                                                    th:text="${orderDetail.omsOrder.freightAmount}"></span>
                                                <strong>整单优惠：</strong>¥<span
                                                    th:text="${orderDetail.omsOrder.couponAmount}"></span>
                                                <strong>支付总金额：</strong> ¥ <span
                                                    th:text="${orderDetail.omsOrder.payAmount}"></span>
                                            </div>
                                        </div>
                                        <div class="ibox-content">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>商品编号</th>
                                                    <th>商品名称</th>
                                                    <th>属性</th>
                                                    <th>单价</th>
                                                    <th>数量</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr th:each="omsOrderItem : ${orderDetail.omsOrderItemList}">
                                                    <td th:text="${omsOrderItem.id}"></td>
                                                    <td th:text="${omsOrderItem.orderSn}"></td>
                                                    <td th:text="${omsOrderItem.productName}"></td>
                                                    <td th:text="${omsOrderItem.sp1}"></td>
                                                    <td th:text="${omsOrderItem.productPrice}"></td>
                                                    <td th:text="${omsOrderItem.productQuantity}"></td>
                                                    <td><a href="table_basic.html#"><i
                                                            class="fa fa-check text-navy"></i>查看商品信息</a></td>
                                                </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 物流信息-->
                    <div id="tab-3" class="tab-pane">
                        <div class="panel-body">
                            <strong>物流信息</strong>
                            <div class="row animated fadeInRight">
                                <div class="col-sm-12">
                                    <div class="ibox float-e-margins">
                                        <div class="" id="ibox-content">
                                            <div id="vertical-timeline" class="vertical-container light-timeline">
                                                <div class="vertical-timeline-block"
                                                     th:each="orderLogisticsVo : ${orderDetail.orderLogisticsVoList}">
                                                    <div class="vertical-timeline-icon navy-bg">
                                                        <i class="fa fa-briefcase"></i>
                                                    </div>
                                                    <div class="vertical-timeline-content">
                                                        <h2 th:text="${orderLogisticsVo.acceptStation}"></h2>
                                                        物流名称：<span class="vertical-date"
                                                                   th:text="${orderLogisticsVo.logisticsName}"><br><small
                                                            th:text="${orderLogisticsVo.acceptTime}"></small></span>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 售后信息-->
                    <div id="tab-4" class="tab-pane">
                        <div class="panel-body">
                            <div class="row" th:each="orderAftersalesProgress:${orderAftersalesProgressList}">
                                <div class="col-sm-12">
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-title">
                                            <h5>售后记录</h5>
                                            <div class="ibox-tools">
                                                <button type="button" class="btn btn-w-m btn-primary btn-sm">处理售后
                                                </button>
                                            </div>
                                        </div>
                                        <div class="ibox-content">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>开始时间</th>
                                                    <th>事件</th>
                                                    <th>详情</th>
                                                    <th>处理状态</th>
                                                    <th>跟进人</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr th:each="info:${orderAftersalesProgress}">
                                                    <td th:text="${info.eventStr}"></td>
                                                    <td th:text="${info.eventStr}"></td>
                                                    <td th:text="${info.eventStr}"></td>
                                                    <td th:text="${info.eventStr}"></td>
                                                    <td th:text="${info.eventStr}"></td>
                                                    <td><a href="table_basic.html#"><i
                                                            class="fa fa-check text-navy"></i>查看商品信息</a></td>
                                                </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="row">-->
                            <!--<div class="col-sm-12">-->
                            <!--<div class="ibox float-e-margins">-->
                            <!--<div class="ibox-title">-->
                            <!--<h5>售后记录</h5>-->
                            <!--<div class="ibox-tools">-->
                            <!--<button type="button" class="btn btn-w-m btn-primary btn-sm">处理售后-->
                            <!--</button>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--<div class="ibox-content">-->
                            <!--<table class="table">-->
                            <!--<thead>-->
                            <!--<tr>-->
                            <!--<th>开始时间</th>-->
                            <!--<th>事件</th>-->
                            <!--<th>详情</th>-->
                            <!--<th>处理状态</th>-->
                            <!--<th>跟进人</th>-->
                            <!--<th>操作</th>-->
                            <!--</tr>-->
                            <!--</thead>-->
                            <!--<tbody>-->
                            <!--<tr>-->
                            <!--<td>2019-03-25 22:31</td>-->
                            <!--<td>完成退款</td>-->
                            <!--<td>退款编号：18277 退款单号：1123</td>-->
                            <!--<td>售后完成</td>-->
                            <!--<td>郑山</td>-->
                            <!--<td><a href="table_basic.html#"><i-->
                            <!--class="fa fa-check text-navy"></i>查看商品信息</a></td>-->
                            <!--</tr>-->
                            <!--<tr>-->
                            <!--<td>2019-03-25 22:31</td>-->
                            <!--<td>完成退款</td>-->
                            <!--<td>退款编号：18277 退款单号：1123</td>-->
                            <!--<td>售后完成</td>-->
                            <!--<td>郑山</td>-->
                            <!--<td><a href="table_basic.html#"><i-->
                            <!--class="fa fa-check text-navy"></i>查看商品信息</a></td>-->
                            <!--</tr>-->
                            <!--</tbody>-->
                            <!--</table>-->

                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--<div class="row">-->
                            <!--<div class="col-sm-12">-->
                            <!--<div class="ibox float-e-margins">-->
                            <!--<div class="ibox-title">-->
                            <!--<h5>售后记录</h5>-->
                            <!--<div class="ibox-tools">-->
                            <!--<button type="button" class="btn btn-w-m btn-primary btn-sm">处理售后-->
                            <!--</button>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--<div class="ibox-content">-->
                            <!--<table class="table">-->
                            <!--<thead>-->
                            <!--<tr>-->
                            <!--<th>开始时间</th>-->
                            <!--<th>事件</th>-->
                            <!--<th>详情</th>-->
                            <!--<th>处理状态</th>-->
                            <!--<th>跟进人</th>-->
                            <!--<th>操作</th>-->
                            <!--</tr>-->
                            <!--</thead>-->
                            <!--<tbody>-->
                            <!--<tr>-->
                            <!--<td>2019-03-25 22:31</td>-->
                            <!--<td>完成退款</td>-->
                            <!--<td>退款编号：18277 退款单号：1123</td>-->
                            <!--<td>售后完成</td>-->
                            <!--<td>郑山</td>-->
                            <!--<td><a href="table_basic.html#"><i-->
                            <!--class="fa fa-check text-navy"></i>查看商品信息</a></td>-->
                            <!--</tr>-->
                            <!--<tr>-->
                            <!--<td>2019-03-25 22:31</td>-->
                            <!--<td>完成退款</td>-->
                            <!--<td>退款编号：18277 退款单号：1123</td>-->
                            <!--<td>售后完成</td>-->
                            <!--<td>郑山</td>-->
                            <!--<td><a href="table_basic.html#"><i-->
                            <!--class="fa fa-check text-navy"></i>查看商品信息</a></td>-->
                            <!--</tr>-->
                            <!--</tbody>-->
                            <!--</table>-->

                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
</body>
</html>
